Vue3+TS+Vite+Vant 您所在的位置:网站首页 vant tabs Vue3+TS+Vite+Vant

Vue3+TS+Vite+Vant

2023-04-05 19:08| 来源: 网络整理| 查看: 265

本章采用理论方式,整体介绍课程及课程项目。说明课程核心技术栈是什么,使用的周边技术栈有哪些,并说明技术储备要求(需要具备HTML、CSS、JS(ES6)、TS、Vue基础知识)。介绍学习本课程可以提升的能力及掌握的经验技巧和课复制的技术解决方案。...

收起列表

视频:1-1 为什么这门课值得你学习? (03:34)试看

视频:1-2 你能收获什么体量的项目作品? (05:27)

视频:1-3 你需要具备什么样的知识储备? (01:47)

视频:1-4 你能提升哪些能力以及技巧? (01:31)

视频:1-5 学习建议与学习目标 (01:27)

图文:1-6 希望你阅读的课程说明

第2章 开发前的准备工作(磨刀不误砍柴工) 试看5 节 | 20分钟

本章采用理论+实操的方式,讲解如何根据项目需求分析结果,设计需求解决方案、根据业务逻辑分析,设计业务逻辑解决方案以及技术选型和方案设计。

收起列表

视频:2-1 本章概览:带着目标学习 (04:59)试看

视频:2-2 项目需求分析:需求解决方案设计 (04:02)

视频:2-3 业务逻辑分析:业务逻辑设计 (05:15)

视频:2-4 技术选型分析:技术解决方案设计 (05:00)

视频:2-5 本章总结:温故知新 (00:38)

第3章 开发环境初始化(工欲善其事必先利其器)9 节 | 13分钟

本章采用实操方式,逐步使用最新流行技术栈vite构建vue3+ts的项目开发环境,并且集成Vue状态管理插件Pinia和存储工具库VueUse以及Vant3 UI组件库。

收起列表

视频:3-1 本章概览:带着目标学习 (01:01)

视频:3-2 vite+vue3+ts构建项目环境 (03:49)

图文:3-3 【自我修炼】阅读Pinia文档,学习Pinia知识

视频:3-4 集成pinia:新一代状态管理插件 (04:37)

图文:3-5 【自我修炼】阅读VueUse文档,学习VueUse知识

视频:3-6 集成VueUse:Composition API常用工具集(JS API响应技术) (01:32)

视频:3-7 集成Vant 3UI:轻量的移动端组件库 (01:04)

图文:3-8 【集思广益】你在集成环境中遇到了什么问题?如何解决的?

视频:3-9 本章总结:温故知新 (00:31)

第4章 项目框架搭建(掌握可复用的技术解决方案)18 节 | 224分钟

本章采用理论+实操的方式,设计开发企业常见的、可复用的技术解决方案。主要包括:组件抽离与开发解决方案、基于token接口鉴权解决方案、前后端分离技术解决方案等等。

收起列表

视频:4-1 本章概览:带着目标学习 (01:18)

视频:4-2 企业项目模块化结构设计:页面结构梳理 (06:37)

视频:4-3 企业项目模块化结构设计:页面结构创建 (05:40)

视频:4-4 企业项目模块化结构设计:页面间的路由跳转设计 (13:02)

视频:4-5 API接口调用设计:前后端分离技术解决方案设计与实现 (16:44)

视频:4-6 企业项目模块化结构设计:静态UI资源与适配设计 (09:43)

视频:4-7 公共组件设计:公共组件梳理 (03:00)

视频:4-8 公共组件设计:底部导航公共组件 (14:35)

视频:4-9 公共组件设计:任务列表公共组件 (26:16)

视频:4-10 公共组件设计:合约列表公共组件 (19:22)

视频:4-11 公共组件设计:消息列表公共组件 (13:14)

视频:4-12 公共组件设计:人才列表公共组件 (22:35)

视频:4-13 登录及权限控制:登录页面组件开发与实现-1 (19:15)

视频:4-14 登录及权限控制:登录页面组件开发与实现-2 (05:45)

视频:4-15 登录及权限控制:登录页面组件开发与实现-3 (10:43)

视频:4-16 登录及权限控制:登录页面组件开发与实现-4 (26:20)

视频:4-17 登录及权限控制:登录页面组件开发与实现-5 (08:12)

视频:4-18 本章总结:温故知新 (01:12)

第5章 人才端-"任务"基础模块(掌握Vue+TS开发组件的技巧)17 节 | 187分钟

本章采用实操的方式,使用Vue和TypeScript实现Banner组件、城市列表组件、职位列表组件、条件筛选组件、任务详情组件和任务来源组件开发。掌握基于Vue+TypeScript开发组件的技巧。

收起列表

视频:5-1 本章概览:带着目标学习 (02:22)

视频:5-2 基于组件化思想拆分任务页组件 (21:09)

视频:5-3 城市列表:设计与实现城市列表页组件及数据渲染 (16:19)

视频:5-4 城市切换:城市切换功能逻辑设计与实现 (06:49)

视频:5-5 Banner图:基于Swiper开发常见的Banner特效 (07:04)

图文:5-6 【举一反三】请完成Vue+TS开发轮播图组件

视频:5-7 职位类型:设计与实现职位分组列表组件及数据渲染 (14:34)

视频:5-8 职位选择:职位选择功能逻辑设计与实现 (05:01)

视频:5-9 筛选页:设计与实现筛选项组件及数据渲染 (17:41)

视频:5-10 筛选条件:筛选条件切换功能逻辑设计与实现 (05:10)

图文:5-11 【举一反三】基于Vue实现多条件筛选功能

视频:5-12 任务列表分页、下拉刷新、加载更多功能实现-1 (25:46)

视频:5-13 任务列表分页、下拉刷新、加载更多功能实现-2 (03:34)

视频:5-14 任务详情页:基于组件化思想设计与实现详情页组件及数据渲染-1 (15:28)

视频:5-15 任务详情页:基于组件化思想设计与实现详情页组件及数据渲染-2 (23:14)

视频:5-16 任务来源页:基于组件化思想设计与实现来源页组件及数据渲染 (20:08)

视频:5-17 本章总结:温故知新 (02:11)

第6章 人才端-"任务"搜索模块(掌握通用型复杂搜索功能的解决方案)7 节 | 45分钟

本章采用实操的方式,使用Vue(双向数据绑定)和TypeScript,实现模糊匹配、历史搜索记录及删除、热门搜索词渲染、搜索列表组件及路由跳转。掌握各类商业项目中复杂的搜索功能。

收起列表

视频:6-1 本章概览:带着目标学习 (01:52)

视频:6-2 搜索页:常见复杂搜索功能的逻辑设计与实现 (14:54)

视频:6-3 历史搜索:历史搜索记录&删除功能的逻辑设计与实现 (07:24)

视频:6-4 热门搜索:基于组件化思想设计与实现热词组件及数据渲染 (05:04)

视频:6-5 搜索结果:基于组件化思想设计与实现搜索列表组件及数据渲染 (13:10)

图文:6-6 【集思广益】结合课程,梳理搜索功能开发思路和技巧

视频:6-7 本章总结:温故知新 (01:55)

第7章 人才端-"合约"模块(掌握Vue+TS渲染多状态数据的技巧)9 节 | 88分钟

本章采用实操的方式,使用Vue(指令、全局注册)和TypeScript开发Tab切换组件,及集合Axios实现多状态列表数据渲染。掌握基于Vue+TypeScript+Axios多状态数据渲染技巧。

收起列表

视频:7-1 本章概览:带着目标学习 (01:42)

视频:7-2 合约列表:基于Vue实现常见的Tab切换组件 (11:29)

视频:7-3 多状态合约列表数据渲染逻辑设计与实现 (12:43)

视频:7-4 引用vant3下拉刷新第一次不出现加载状态解决方案 (06:55)

视频:7-5 多状态合约详情数据渲染逻辑设计与实现-1 (10:32)

视频:7-6 多状态合约详情数据渲染逻辑设计与实现-2 (10:50)

视频:7-7 多状态合约进度数据渲染逻辑设计与实现 (14:21)

视频:7-8 基于指令的方式实现全局注册:避免操作项重复执行 (15:52)

视频:7-9 本章总结:温故知新 (02:55)

第8章 人才端-"消息"模块(掌握轮询在企业项目中的巧妙用法) 16 节 | 131分钟

本章采用实操的方式,使用Vue和TypeScript实现通知列表组件、通知详情组件、对话列表组件、对话详情组件开发;并且结合轮询技术实现消息对话。

收起列表

视频:8-1 本章概览:带着目标学习 (01:58)

视频:8-2 通知列表:新消息通知数量红点技术方案设计与实现 (07:29)

视频:8-3 通知列表:多种类型系统消息列表数据渲染逻辑设计与实现 (10:23)

视频:8-4 通知详情:多种类型系统消息处理技术方案设计与实现 (03:59)

视频:8-5 对话列表:会跳动的消息对话列表逻辑设计与实现 (11:10)

视频:8-6 对话详情:基于轮询方式通信技术实现消息对话-1 (14:03)

视频:8-7 对话详情:基于轮询方式通信技术实现消息对话-2 (12:51)

视频:8-8 对话详情:常用语选择列表功能设计与实现-1 (12:01)

视频:8-9 对话详情:常用语选择列表功能设计与实现-2 (05:27)

视频:8-10 对话详情:常用语添加功能设计与实现 (10:58)

视频:8-11 对话详情:常用语管理功能设计与实现-1 (14:52)

视频:8-12 对话详情:常用语管理功能设计与实现-2 (10:29)

视频:8-13 对话详情:常用语emoji符号表情功能设计与实现 (07:05)

视频:8-14 对话详情:对话聊天消息发送逻辑实现 (05:07)

图文:8-15 【集思广益】你还知道哪些即时通讯的技术?有什么优劣势?

视频:8-16 本章总结:温故知新 (02:47)

第9章 人才端-"我的"基础信息模块(掌握Vue+TS开发文本回填功能的技巧)内容更新中

本章采用实操的方式,使用Vue和TypeScript实现个人信息组件、设置组件、收藏组件及收藏详情组件的开发;并且基于数据回填技术实现富文本编写功能。掌握数据回填及本编辑逻辑开发技巧。

第10章 人才端-"我的"任务管理模块(掌握Vue+TS+Vant3综合应用技巧)内容更新中

本章采用实操的方式,使用Vue和TypeScript实现我的账户组件、介绍说明组件、Tab切换组件开发,并且结合Axios实现多状态数据渲染,以及结合vant3的form表单实现金额提现功能。掌握Vue+TypeScript+Vant3开发提现功能的技巧。

第11章 人才端-"我的"简历模块(掌握Vue+TS+Vant3+VueUse综合应用)内容更新中

本章采用实操的方式,使用Vue和TypeScript实现简历模板组件开发及富文本编写功能;结合vant3(DatetimePicker、Checkbox、下拉列表、自定义)实现时间选择器、服务类型选择器、服务价格选择器、技能设置选择器、学历设置选择器,并且基于VueUse中的useLocalStorage持久化到本地存储中。最后结合localstorage本地存储实现简...

第12章 人才端-"我的"合约模块(掌握Vue+TS组件复用技巧)内容更新中

本章采用实操的方式,使用Vue和TypeScript实现全部合约组件开发及使用Axios实现数据渲染。基于组件化及组件复用思想,快速实现多状态合约列表组件及列表数据渲染。

第13章 人才端-"我的"实名认证模块(掌握可复用的图片上传解决方案)内容更新中

本章采用实操的方式,使用Vue和TypeScript实现实名认证组件、认证状态组件开发,并且实现身份证图片上传功能。掌握Vue+TypeScript实现图片上传功能的方法与技巧。

第14章 人才端-"我的"客户经理&意见反馈模块(掌握Vue+TS开发文本回填技巧)内容更新中

本章采用实操的方式,使用Vue和TypeScript实现意见反馈组件和专属客户经理组件开发,并结合Pinia实现弹窗功能、结合vue-clipboard3实现复制功能以及结合formData实现图片上传功能。掌握本文本编写及复制的开发技巧。

第15章 人才端-"我的"身份切换模块(掌握可复用的身份切换功能解决方案)内容更新中

本章采用实操的方式,使用Vue和TypeScript实现身份切换组件,并结合Vant3(Dialog、form表单)实现身份提示弹窗组件及身份切换功能。掌握可复用的身份切换功能开发技巧。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有